// pages/element/element.js
Page({
  data:{
    isShow:false
  },
  back(){
    // 滚动到顶部
    // wx.pageScrollTo({
    //   scrollTop:0,
    // })
    // 滚动到c盒子
    wx.pageScrollTo({
      selector:'#box'
    })

  },
  getBoxInfo(){
    const query = wx.createSelectorQuery()
    // 查询节点局视口的偏移量
    query.select('#box').boundingClientRect(function(res){
      console.log('元素距离视口高度：',res.top);
    })
    // 查询元素滚动的相关距离
    query.selectViewport().scrollOffset(function(res){
      console.log('元素向上滚动的距离',res.scrollTop);
    })
    query.exec()
  },
  onPageScroll({scrollTop}) {
    console.log('页面卷上去的高度',scrollTop)
    // 获取C盒子的在页面中的节点位置等信息
    this.getBoxInfo()
    if(scrollTop > 300){
      this.setData({
        isShow:true
      })
    }else {
      this.setData({
        isShow:false
      })
    }
  }

})